<!DOCTYPE html>
<!-- saved from url=(0029)http://www.duomeina.com/d.asp -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK">

<title>微信JS-SDK Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<link rel="stylesheet" href="./some/style2.css">
</head>

<body ontouchstart="">

<div class="wxapi_container">
    <div class="lbox_close wxapi_form">
      <button id="scan" >点击扫描二维码</button>
      <div id="result"></div>
    </div>
  </div>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="../js/jquery-1.11.0.min.js"></script>

<script>
   var appId = '';
   var timestamp = 0;//为了让后台传过来的timetamp是数字类型 否则字符串 估计又会报config fail错误
   var nonceStr = '';
   var signature = '';

$(function(){
    $('#scan').click(function(){
    alert(111111);
         $.ajax({
             type: "GET",
             url:"/wechat/getWeChatData",//这是servlet 具体的请根据自己的servlert地址去填写
             dataType:"json",
             success: function(dta){
                appId = dta.appId;
                timestamp = dta.timestamp;
                nonceStr = dta.nonceStr;
                signature = dta.signature;
                                 alert(appId+" | "+timestamp+" | "+nonceStr+" | "+signature+" | "+dta.jsapiT);
                  /*
                   * 注意：
                   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
                   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
                   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
                   *
                   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
                   * 邮箱地址：weixin-open@qq.com
                   * 邮件主题：【微信JS-SDK反馈】具体问题
                   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
                   */

                  wx.config({//开始微信的配置 将获取的数据拿去请求
                      debug: false,
                      appId: appId,
                      timestamp: timestamp,
                      nonceStr: nonceStr,
                      signature: signature,
                      jsApiList: [//可以调用下面的接口 我们这里只是调用scanQRCode 也就是扫码接口
                        'checkJsApi',
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage',
                        'onMenuShareQQ',
                        'onMenuShareWeibo',
                        'onMenuShareQZone',
                        'hideMenuItems',
                        'showMenuItems',
                        'hideAllNonBaseMenuItem',
                        'showAllNonBaseMenuItem',
                        'translateVoice',
                        'startRecord',
                        'stopRecord',
                        'onVoiceRecordEnd',
                        'playVoice',
                        'onVoicePlayEnd',
                        'pauseVoice',
                        'stopVoice',
                        'uploadVoice',
                        'downloadVoice',
                        'chooseImage',
                        'previewImage',
                        'uploadImage',
                        'downloadImage',
                        'getNetworkType',
                        'openLocation',
                        'getLocation',
                        'hideOptionMenu',
                        'showOptionMenu',
                        'closeWindow',
                        'scanQRCode',
                        'chooseWXPay',
                        'openProductSpecificView',
                        'addCard',
                        'chooseCard',
                        'openCard'
                      ]
                  });

                    wx.ready(function () {
                      // 9.1.2 扫描二维码并返回结果
                        wx.scanQRCode({
                          needResult: 1,
                          desc: 'scanQRCode desc',
                          success: function (res) {
                            //alert(JSON.stringify(res));
                            //document.getElementById("result").innerHtml=JSON.stringify(res);
                            //$("#result").html(JSON.stringify(res));
                            $("#result").html(res.resultStr);
                          }
                        });
                    });

                    wx.error(function (res) {//错误时调用
                        alert(res.errMsg);
                    });
                      }
         });
    });
});






</script>